

{extend name="common/layout"}
{block name="page_content"}

<style>
    /*页面CSS    */
</style>


<div class="nobost">
    <p class="tc jetls">五谷好食材</p>
</div>

<div class="picScroll-merl">
    <a class="next news01"></a>
    <a class="prev news02"></a>
    <div class="bd">
        <ul class="picList">

            {foreach $data as $k=>$v}

            <li>
                <div class="pic">
                    <a href="javascript:;">
                        <img src="{$v['image']}" width="230" height="230" /></a>
                </div>
                <div class="tit">{$v['name']}</div>
                <div class="con">{$v['explain']}</div>
                <div class="title">
                    <p>&nbsp;{$v['goods_content']} </p><p style="text-align: center;">
                    <img src="{$v['place']}"/>
                </p>
                </div>
            </li>
            {/foreach}

        </ul>
    </div>
</div>

<div class="bolope">
    <div class="tit"></div>
    <div class="con"></div>
    <div class="conter"></div>
</div>



<script src="__JS__/jquery.superslide.2.1.1.js" type="text/javascript"></script>
<script type="text/javascript" src="__JS__/website.js"></script>
<script type="text/javascript" src="__JS__/init.js"></script>
<script>
    jQuery(".picScroll-merl").slide({ titCell: ".hd ul", mainCell: ".bd ul", autoPage: true, effect: "left", autoPlay: false, scroll: 2, vis: 4, trigger: "click" });

    $(function () {
        $(".picScroll-merl .picList li").click(function () {
            $(this).addClass("cur").siblings().removeClass("cur");
            var tit = $(this).find(".tit").html();
            var con = $(this).find(".con").html();
            var clil = $(this).find(".title").html();
            $(".bolope").children(".tit").html(tit).siblings(".con").html(con).siblings(".conter").html(clil);
        })
    })

    $(function () {
        var st = setTimeout(function (event) {
            $(".clist").removeClass("cur");
            $(".navs-t").hide();
        }, 3000);
    });

    jQuery(".prest").slide({ titCell: ".dot", mainCell: ".gz-ys", effect: "left", autoPlay: true, delayTime: 700, autoPage: true });

    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script")
        hm.src = "https://hm.baidu.com/hm.js?3f743aba8845caabd1d2640b162e7922";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();

</script>

<script type="text/javascript" src="__JS__/website.js"></script>
<script type="text/javascript" src="__JS__/init.js"></script>
{/block}


